{% extends "base.html" %}

{% block content %}

<div class="hero-unit">
	<h1>The Calendar Goes Here</h1>
</div>	
<form>
	<legend>ADD A WORKOUT</legend>
	<label>Title</label>
	<input type="text" placeholder="Enter a name for your workout">
	<label>Start</label>
	<input type="date" placeholder="Enter Date">
	<input type="time" placeholder="Enter Start Time">	
	<label>Distance</label>
	<input type="number" placeholder="Enter Distance">
	<label>Duration</label>
	<input class="input-mini" type="number" placeholder="HH" min="0" max="23">
	<input class="input-mini" type="number" placeholder="MM" min="0" max="59">
	<input class="input-mini" type="number" placeholder="SS" min="0" max="59">
	<label>Notes</label>
	<textarea rows="4" cols="36">How did you feel? What were the conditions?</textarea>
	<button type="submit" class="btn">Submit</button>
</form>

{% endblock %}